<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>应聘者简历</title>
    <link rel="shortcut icon" href="images/xi.ico"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/modalDetail.css"/>
</head>
<body>
    <!-- Jumbotron -->
    <header class="jumbotron">
        <p class="lead"></p>
        <p><a class="btn btn-lg btn-default btn-getting-started" href="javascript:;" role="button">开始使用</a></p>
    </header>
    
   </div>
        <div class="page_3">
            <div class="panel panel-default">
                <div class="panel-heading" style="background-color: #4e372f;color: white;">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion"
                           href="#collapseOne">
                            已收到的简历信息
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <table class="table table-striped table-hover table-condensed">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>岗位类别</th>
                                    <th>岗位名称</th>
                                    <th>工作地点</th>
                                    <th>岗位需求</th>
                                    <th>工作内容</th>
                                    <th>薪资待遇</th>
                                    <th>删除</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="8">无添加</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <button type="button" class="btn btn-color" style="float: right;" id="createModal" data-toggle="modal" data-target="#myModal">生成模板</button>
    </div>
    <!--The StartLine of the modal-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="clean">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">生成结果</h4>
                </div>
                <div class="modal-body" id="successText">

                </div>
                <div class="modal-footer">
                    <a type="button" class="btn btn-default" href="" id="enter">进入HTML</a>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!--The EndLine of the modal-->

    <footer>
        <div style="text-align:center">
             <a>版权声明</a>©2020 夕阳红老汉信息有限公司 版权所有</a><br>
        </div>
    </footer>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modalDetail.js"></script>
</html>